<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<script>
	$(function() {
		$('#memberMgt_memberPhyMgt_datagrid').datagrid({
			url : 'memberPhysicalAction!getDatagrid.action',
			fitColumns : false,
			border : false,
			pagination : true,
			pageSize : 20,
			fit : true,
			singleSelect : true,
			rownumbers : true,
			idField : 'pkMemberPhysical',
			//sortName : 'name',
			columns : [ [ {
				field : 'pkMemberPhysical',
				title : '体测信息编号',
				width : 150,
				//hidden : true,
				align : 'center'
			},{
				field : 'pkMember',
				title : '会员编号',
				width : 150,
				//hidden : true,
				align : 'center'
			}, {
				field : 'memberName',
				title : '会员姓名',
				width : 150,
				sortable : true,
				align : 'center',
			}, {
				field : 'generateDateime',
				title : '添加日期',
				width : 150,
				sortable : true,
				align : 'center'
			},{
				field : 'height',
				title : '身高(cm)',
				width : 150,
				sortable : true,
				align : 'center'
			}, {
				field : 'weight',
				title : '体重(kg)',
				width : 75,
				sortable : true,
				align : 'center'
			}, {
				field : 'bodyFatRate',
				title : '体脂率(%)',
				width : 150,
				sortable : true,
				align : 'center'
			}, {
				field : 'bmi',
				title : 'BMI',
				width : 150,
				sortable : true,
				align : 'center'
			}] ],

			toolbar : [ {
				iconCls : 'icon-search',
				text : '查询',
				handler : function() {
					$('#memberMgt_memberPhyMgt_searchDialog').dialog('open');
				}
			},],
		});
	});
	function memberPhySearchFun() {
		$('#memberMgt_memberPhyMgt_datagrid').datagrid('load', serializeObject($('#memberMgt_memberPhyMgt_searchForm')));
	};
	function memberPhyClearFun() {
		$('#memberMgt_memberPhyMgt_searchForm').form('clear');
		$('#memberMgt_memberPhyMgt_datagrid').datagrid('load', {});
	};
</script>

<div class="easyui-panel" data-options="border:false,fit:true">
	<div id="memberMgt_memberPhyMgt_datagrid_panel" class="easyui-panel" data-options="border:false,fit:true,">
		<table id="memberMgt_memberPhyMgt_datagrid"></table>
	</div>
</div>


<div id="memberMgt_memberPhyMgt_searchDialog" class="easyui-dialog" title="查询" style="width: 600px; height: 300px" data-options="iconCls:'icon-search',modal:true,closed:true,collapsible:false,minimizable:false,maximizable:false,
		buttons: [{text:'重置查询结果',
					iconCls:'icon-reload',
					handler:function(){
						memberPhyClearFun();
						$('#memberMgt_memberPhyMgt_searchDialog').dialog('close');
					}
				},
		{text:'重置查询条件',
					iconCls:'icon-redo',
					handler:function(){
						$('#memberMgt_memberPhyMgt_searchForm').form('clear');
					}
				},{text:'查询',
					iconCls:'icon-search',
					handler:function(){	
						memberPhySearchFun();
						$('#memberMgt_memberPhyMgt_searchDialog').dialog('close');
					}
				}]">

	<form id="memberMgt_memberPhyMgt_searchForm" style="margin: 5%">
		<table style="margin-top: 15px; border-collapse: separate; border-spacing: 15px;">
			<tr>
				<td>会员姓名</td>
				<td><input class="easyui-textbox" type="text" name="memberName" data-options=""></input></td>
			</tr>
			<!--  <tr>
				<td>员工编号</td>
				<td><input class="easyui-textbox" type="text" name="pkmember" data-options=""></input></td>
			</tr>-->

		</table>
	</form>
</div>


